import React from 'react';
import { HashRouter as Router, Route, Switch } from 'react-router-dom';
import styles from './App.module.scss';
import Questions from './pages/questions';
import StartPage from './pages/start-page';
import ResultPage from './pages/result-page';
import Loading from './pages/loading';
import OtherStylePage from './pages/other-style-page';

function App() {
  return (
    <div className={styles.app}>
      <Router>
        <Switch>
          <Route path="/" exact component={StartPage} />
          <Route path="/questions" component={Questions} />
          <Route path="/loading" component={Loading} />
          <Route path="/result" component={ResultPage} />
          <Route path="/other_style" component={OtherStylePage} />
        </Switch>
      </Router>
    </div>
  );
}

export default App;
